<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    span {
      padding: 0px !important
    }
  </style>
  <link rel="icon" href="/static/ico/title.ico" type="image/x-icon">
  <link href="/static/css/fonts/element-icons.ttf" type="ttf">
  <link rel="stylesheet" href="/static/css/fonts/element-icons.woff" type="woff">
  <link rel="stylesheet" href="/static/css/animate.css">
  <link rel="stylesheet" href="/static/css/element/index.css">
  <link rel="stylesheet" href="/static/css/display.css">
  <link rel="stylesheet" href="/static/fonts/iconfont.css">
  <script src="/static/js/jquery.min.js"></script>
  <script src="/static/js/js2wordcloud.min.js"></script>
  <title>liu-cli</title>

</head>

<body>
  <div id="app">

  </div>
  <script src="/static/js/vue.min.js"></script>
  <script src="/static/js/vuex.min.js"></script>
  <script src="/static/js/xlsx.full.min.js"></script>
  <script src="/static/js/index.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="/static/js/html2canvas.js"></script>
  <script src="/static/js/jspdf.debug.js"></script>
  <script src="/static/js/pdfdown.js"></script>
  <script src="/static/fonts/iconfont.js"></script>
  <script>//

    (function () {
      window.addEventListener("load", function () {
        let t = performance.timing
        console.log("DNS查询耗时 ：" + (t.domainLookupEnd - t.domainLookupStart).toFixed(0))
        console.log("TCP链接耗时 ：" + (t.connectEnd - t.connectStart).toFixed(0))
        console.log("request请求耗时 ：" + (t.responseEnd - t.responseStart).toFixed(0))
        console.log("解析dom树耗时 ：" + (t.domComplete - t.domInteractive).toFixed(0))
        console.log("白屏时间 ：" + (t.responseStart - t.navigationStart).toFixed(0))
        console.log("domready时间 ：" + (t.domContentLoadedEventEnd - t.navigationStart).toFixed(0))
        console.log("onload时间 ：" + (new Date().getTime() - t.loadEventEnd - t.navigationStart).toFixed(0))
        console.log(performance.getEntries())
      })
    })()

//     DNS查询耗时 ：domainLookupEnd - domainLookupStart
// TCP链接耗时 ：connectEnd - connectStart
// request请求耗时 ：responseEnd - responseStart
// 解析dom树耗时 ： domComplete - domInteractive
// 白屏时间 ：responseStart - navigationStart
// domready时间 ：domContentLoadedEventEnd - navigationStart
// onload时间 ：loadEventEnd - navigationStart
    // console.log('交互时间',new Date().getTime() - time.navigationStart)
    // console.log('事件耗时',new Date().getTime() - time.navigationStart)
    // // console.log('编码主体大小',new Date().getTime() - time.navigationStart)
    // // console.log('资源输入类型',new Date().getTime() - time.navigationStart)
    // console.log('获取资源开始时间',new Date().getTime() - time.navigationStart)
    // // console.log('发起人类型',new Date().getTime() - time.navigationStart)
    // console.log('加载事件结束时间',new Date().getTime() - time.navigationStart)
    // console.log('加载事件开始时间',new Date().getTime() - time.navigationStart)
    // console.log('当前请求的 url 的地址',new Date().getTime() - time.navigationStart)
    // console.log('下一个跳转协议',new Date().getTime() - time.navigationStart)
    // console.log('重定向次数',new Date().getTime() - time.navigationStart)
    // console.log('重定向开始时间',new Date().getTime() - time.navigationStart)
    // console.log('重定向结束时间',new Date().getTime() - time.navigationStart)
    // console.log('响应结束时间',new Date().getTime() - time.navigationStart)
    // console.log('安全连接开始时间',new Date().getTime() - time.navigationStart)
    // console.log('服务器时间',new Date().getTime() - time.navigationStart)
    // console.log('开始时间',new Date().getTime() - time.navigationStart)


    // console.log(performance)
//     connectEnd：连接结束时间
// connectStart：连接开始时间
// decodedBodySize：解码的主体大小
// domComplete：dom 渲染完成时间
// domContentLoadedEventEnd：dom 内容加载事件结束时间
// domContentLoadedEventStart：dom 内容加载事件开始时间
// domInteractive：dom 交互时间
// domainLookupEnd：域查找结束时间
// domainLookupStart：域查找开始时间
// duration：事件耗时
// encodedBodySize：编码主体大小
// entryType：资源输入类型
// fetchStart：获取资源开始时间
// initiatorType：发起人类型
// loadEventEnd：加载事件结束时间
// loadEventStart：加载事件开始时间
// name：这里一般就是当前请求的 url 的地址
// nextHopProtocol：下一个跳转协议
// redirectCount：重定向次数
// redirectEnd：重定向开始时间，如果没有重定向，值为0
// redirectStart：重定向结束时间，如果没有重定向，值为0
// requestStart：请求开始时间
// responseEnd：响应结束时间
// responseStart：响应开始时间
// secureConnectionStart：安全连接开始时间
// serverTiming：服务器时间
// startTime：开始时间
// transferSize：传递大小
// type：该事件的类型
// unloadEventEnd：卸载事件结束时间
// unloadEventStart：卸载事件开始时间
// workerStart：worker 开始时间

  </script>
</body>

</html>